<!-- 我的奖品 -->
<template>
	<view>
		<!-- 奖品 列表-->
		<view class="row-between prize-card" v-for="item in prizeDatas" :key="item.id">
			<view>
				<view style="font-size: 30upx;font-weight: bold;color: #333333;">{{item.title}}</view>
				<view style="margin-top: 13upx;margin-bottom: 15upx;">{{item.contribution}}</view>
				<view>{{item.time}}</view>
			</view>
			<view :class="{'text-view':true ,'btn-view':item.type=='2'}">{{item.typeText}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				prizeDatas:[
					{id:'1',title:'贡献值奖励',contribution:'20贡献值',time:'2020.03.04 23:22:13',type:'0',typeText:'已发放'},
					{id:'2',title:'优惠券奖励',contribution:'满200元减30元，全部商品可用',time:'2020.03.04 23:22:13',type:'0',typeText:'已发放'},
					{id:'3',title:'商品奖励',contribution:'加拿大进口芬尼湾饮用天然水5L装*1桶',time:'2020.03.04 23:22:13',type:'1',typeText:'已核销'},
					{id:'4',title:'商品奖励',contribution:'加拿大进口芬尼湾饮用天然水5L装*1桶',time:'2020.03.04 23:22:13',type:'2',typeText:'去核销'},
					{id:'5',title:'商品奖励',contribution:'加拿大进口芬尼湾饮用天然水5L装*1桶',time:'2020.03.04 23:22:13',type:'1',typeText:'已核销'},
					{id:'6',title:'商品奖励',contribution:'加拿大进口芬尼湾饮用天然水5L装*1桶',time:'2020.03.04 23:22:13',type:'2',typeText:'去核销'},
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.prize-card{
		margin-top: 20upx;
		padding: 22upx 30upx;
		background: #FFFFFF;
		border-radius: 16upx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #BFBFBF;
		font-size: 22upx;
		.text-view{
			font-size: 24upx;
			margin-right: 23upx;
		}
		.btn-view{
			width: 114upx;
			height: 44upx;
			background: #FE5E49;
			border-radius: 22upx;
			font-weight: 500;
			color: #FFFFFF;
			margin-right: 0upx;
			text-align: center;
			line-height: 43upx;
		}
	}
	
</style>
